<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <title>标签的分类</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <!--
            根据标签是否关闭进行分类
                1.关闭型标签，此时的标签存在标签体，可以编写内容,如:h1-h6,body,head等
                2.非关闭型标签，只有一个，不存在关闭标签，此时的标签没有标签体，不能编写内容，如:br(换行标签)、meta

        -->

        <!--关闭型标签-->
        <!--标题标签，文字从大逐渐变小，都是加粗的-->
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>

        <!--非关闭型标签-->
        我是中国人
        <br>
        我爱中国
        <hr>
        我来自南京

        <!--
            根据标签是否独占一行进行分类
               1.块级标签
                    独占一行，不能与其他内容在一行显示，如:h1-h6、div
               2.行级标签
                    可以与其他内容在一行显示,如：span等
        -->
        <h1>一级标题</h1>撒
        <h2>二级标题</h2>是
        <h3>三级标题</h3>是
        <h4>四级标题</h4>所属
        <h5>五级标题</h5>所属
        <h6>六级标题</h6>是是是
        <div>我是div</div>哈哈哈哈
        <div>div</div>
        <span>这是行级标签</span>哈哈哈
        <span>这是行级标签</span>嘻嘻
    </body>
</html>
